<%@ include file="/WEB-INF/jsp/includes/include.jsp" %>

<html>
	<head>
		<title>Home</title>

        <c:set var="home"><spring:theme code="home"/></c:set>
        <link rel="stylesheet" href="<c:url value="${home}"/>" type="text/css" />
        <c:set var="homeprojectlist"><spring:theme code="homeprojectlist"/></c:set>
        <link rel="stylesheet" href="<c:url value="${homeprojectlist}"/>" type="text/css" />
        <c:set var="homeorganisationlist"><spring:theme code="homeorganisationlist"/></c:set>
        <link rel="stylesheet" href="<c:url value="${homeorganisationlist}"/>" type="text/css" />
		
	</head>

	<body>

		<!-- BEGIN LEFT COLUMN -->
		<div id="leftColumn">
			<div id="aboutHandsUnited">
				<h2 id="aboutHandsUnitedHeader">About HandsUnited</h2>
	
				<div id="aboutHandsUnitedContent">
					Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin massa nibh, venenatis eu, elementum at, 
					laoreet sit amet, risus. Vestibulum venenatis est vel justo. Cum sociis natoque penatibus et magnis dis 
					parturient montes, nascetur ridiculus mus. Duis convallis placerat quam. Nulla facilisi. Morbi enim nulla, 
					lobortis condimentum, luctus a, bibendum ut, mi. Morbi fermentum. Aliquam bibendum auctor pede. Vivamus at 
					nisl malesuada tortor imperdiet suscipit. Nulla facilisis, mi non imperdiet aliquam, ante ipsum aliquam enim, 
					ut scelerisque felis mauris in urna. Morbi lorem. Curabitur et nunc id sapien consequat commodo.
				</div> <!-- #aboutHandsUnitedContent -->
	
				<div id="aboutHandsUnitedReadMore">
					<a href="#">&raquo; Read more</a>
				</div> <!-- aboutHandsUnitedReadMore -->
			</div> <!-- #aboutHandsUnited -->
	
			<div id="siteStatistics">
				<h2 id="siteStatisticsHeader">Site statistics</h2>
				<div id="numUsers" class="statistics">
					<span class="statisticsTitle">#Users: </span> 45
				</div> <!-- #numUsers -->
	
				<div id="numProjects" class="statistics">
					<span class="statisticsTitle">#Projects: </span> 45
				</div> <!-- #numOrganisations -->
	
				<div id="numOrganisations" class="statistics">
					<span class="statisticsTitle">#Organisations: </span> 45
				</div> <!-- #numProjects -->
	
			</div> <!-- #siteStatistics -->
	
		</div> <!-- #leftColumn -->
		<!-- END LEFT COLUMN -->


		<!-- BEGIN RIGHT COLUMN -->
		<div id="rightColumn">

			<div id="rightColumnTop">

				<div id="rightColumnTopLeft">

					<h1 id="registerAsAVolunteerNow" class="quadrantHeader">Register as a Volunteer NOW!</h1>

					<div id="whyVolunteer">
						Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin massa nibh, venenatis eu, elementum at, laoreet sit amet, risus. Vestibulum venenatis est vel justo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis convallis placerat quam. Nulla facilisi. Morbi enim nulla, lobortis condimentum, luctus a, bibendum ut, mi. Morbi fermentum. Aliquam bibendum auctor pede. Vivamus at nisl malesuada tortor imperdiet suscipit. Nulla facilisis, mi non imperdiet aliquam, ante ipsum aliquam enim, ut scelerisque felis mauris in urna.
					</div> <!-- whyVolunteer -->

					<div id="volunteeringDealClincher">
						<span id="volunteeringReadMore">
							<a href="">&raquo Read more</a>
						</span>
						<span id="volunteeringRegisterNow">
							<a href="">&raquo Register now!</a>
						</span>

					</div> <!-- volunteeringDealClincher -->

				</div> <!-- #rightColumnTopLeft -->

				<div id="rightColumnTopRight">
					<h1 id="registerYourOrganisationNow" class="quadrantHeader">Register your Organisation NOW!</h1>

					<div id="whyRegisterOrganisation">
						Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin massa nibh, venenatis eu, elementum at, laoreet sit amet, risus. Vestibulum venenatis est vel justo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis convallis placerat quam. Nulla facilisi. Morbi enim nulla, lobortis condimentum, luctus a, bibendum ut, mi. Morbi fermentum. Aliquam bibendum auctor pede. Vivamus at nisl malesuada tortor imperdiet suscipit. Nulla facilisis, mi non imperdiet aliquam, ante ipsum aliquam enim, ut scelerisque felis mauris in urna.
					</div> <!-- whyRegisterOrganisation -->

					<div id="registeringOrganisationDealClincher">
						<span id="registeringOrganisationReadMore">
							<a href="#">&raquo Read more</a>
						</span>
						<span id="organisationRegisterNow">
							<a href="#">&raquo Register now!</a>
						</span>

					</div> <!-- volunteeringDealClincher -->

				</div> <!-- #rightColumnTopRight -->

			</div> <!-- #rightColumnTop -->


			<div id="rightColumnBottom">

				<div id="rightColumnBottomLeft">

					<h1 id="featuredProjects" class="quadrantHeader">Featured Projects</h1>


					<!-- BEGIN FIRST PROJECT -->
					<div class="projectDetails">

						<div class="projectExtendedInfo">

							<div class="projectNameAndOwner">
								<a href="#">Soup Kitchen</a> by <a href="#">The Exodus Foundation</a>
							</div> <!-- .projectNameAndOwner -->

							<div class="projectSummary">
								This soup kitchen is to feed the homeless people in Ashfield and its neighbouring suburbs.
							</div><!-- .projectSummary -->

							<table class="projectMoreInfoTable">
								<colgroup>
									<col class="col1">
									<col class="col2">
								</colgroup>
								<tr class="row1">
									<td>
										<span class="title">Project dates:</span>
										<span class="value">06-Sep-2006 - 15-Jun-2008</span>
									</td>
									<td>
										<span class="title">Ideal for:</span>
										<span class="value"><a href="#">Youth</a>, <a href="#">Kids</a></span>
									</td>
								</tr>

								<tr class="row2">
									<td>
										<span class="title">Location:</span>
										<span class="value"><a href="#">Chatswood</a>, <a href="#">NSW</a>, <a href="#">Australia</a></span>
									</td>
									<td>
										<span class="title">Commitment:</span>
										<span class="value">25 hours a week</span>
									</td>
								</tr>

								<tr class="row1">
									<td>
										<span class="title">Work where:</span>
										<span class="value"><a href="#">From home</a>, <a href="#">On site</a></span>
									</td>
									<td>
										<span class="title">Service Categories:</span>
										<span class="value"><a href="#">Feeding Hungry</a>, <a href="#">Humanitarian</a></span>
									</td>
								</tr>

							</table> <!-- .projectMoreInfoTable -->
						</div> <!-- .projectExtendedInfo -->

						<div class="projectDealClincher">
							<span class="viewProjectProfile">
								<a href="#">&raquo; View Soup Kitchen profile</a>
							</span>
							<span class="joinProject">
								<a href="#">&raquo; Join Soup Kitchen</a>
						</div><!-- .projectDealClincher -->

					</div> <!-- .projectDetails -->
					<!-- END FIRST PROJECT -->

					<!-- BEGIN SECOND PROJECT -->
					<div class="projectDetails">

						<div class="projectExtendedInfo">

							<div class="projectNameAndOwner">
								<a href="#">Soup Kitchen</a> by <a href="#">The Exodus Foundation</a>
							</div> <!-- .projectNameAndOwner -->

							<div class="projectSummary">
								This soup kitchen is to feed the homeless people in Ashfield and its neighbouring suburbs.
							</div><!-- .projectSummary -->

							<table class="projectMoreInfoTable">
								<colgroup>
									<col class="col1">
									<col class="col2">
								</colgroup>
								<tr class="row1">
									<td>
										<span class="title">Project dates:</span>
										<span class="value">06-Sep-2006 - 15-Jun-2008</span>
									</td>
									<td>
										<span class="title">Ideal for:</span>
										<span class="value"><a href="#">Youth</a>, <a href="#">Kids</a></span>
									</td>
								</tr>

								<tr class="row2">
									<td>
										<span class="title">Location:</span>
										<span class="value"><a href="#">Chatswood</a>, <a href="#">NSW</a>, <a href="#">Australia</a></span>
									</td>
									<td>
										<span class="title">Commitment:</span>
										<span class="value">25 hours a week</span>
									</td>
								</tr>

								<tr class="row1">
									<td>
										<span class="title">Work where:</span>
										<span class="value"><a href="#">From home</a>, <a href="#">On site</a></span>
									</td>
									<td>
										<span class="title">Service Categories:</span>
										<span class="value"><a href="#">Feeding Hungry</a>, <a href="#">Humanitarian</a></span>
									</td>
								</tr>

							</table> <!-- .projectMoreInfoTable -->
						</div> <!-- .projectExtendedInfo -->

						<div class="projectDealClincher">
							<span class="viewProjectProfile">
								<a href="#">&raquo; View Soup Kitchen profile</a>
							</span>
							<span class="joinProject">
								<a href="#">&raquo; Join Soup Kitchen</a>
						</div><!-- .projectDealClincher -->

					</div> <!-- .projectDetails -->
					<!-- END SECOND PROJECT -->



					<!-- BEGIN THIRD PROJECT -->
					<div class="projectDetails">

						<div class="projectExtendedInfo">

							<div class="projectNameAndOwner">
								<a href="#">Soup Kitchen</a> by <a href="#">The Exodus Foundation</a>
							</div> <!-- .projectNameAndOwner -->

							<div class="projectSummary">
								This soup kitchen is to feed the homeless people in Ashfield and its neighbouring suburbs.
							</div><!-- .projectSummary -->

							<table class="projectMoreInfoTable">
								<colgroup>
									<col class="col1">
									<col class="col2">
								</colgroup>
								<tr class="row1">
									<td>
										<span class="title">Project dates:</span>
										<span class="value">06-Sep-2006 - 15-Jun-2008</span>
									</td>
									<td>
										<span class="title">Ideal for:</span>
										<span class="value"><a href="#">Youth</a>, <a href="#">Kids</a></span>
									</td>
								</tr>

								<tr class="row2">
									<td>
										<span class="title">Location:</span>
										<span class="value"><a href="#">Chatswood</a>, <a href="#">NSW</a>, <a href="#">Australia</a></span>
									</td>
									<td>
										<span class="title">Commitment:</span>
										<span class="value">25 hours a week</span>
									</td>
								</tr>

								<tr class="row1">
									<td>
										<span class="title">Work where:</span>
										<span class="value"><a href="#">From home</a>, <a href="#">On site</a></span>
									</td>
									<td>
										<span class="title">Service Categories:</span>
										<span class="value"><a href="#">Feeding Hungry</a>, <a href="#">Humanitarian</a></span>
									</td>
								</tr>

							</table> <!-- .projectMoreInfoTable -->
						</div> <!-- .projectExtendedInfo -->

						<div class="projectDealClincher">
							<span class="viewProjectProfile">
								<a href="#">&raquo; View Soup Kitchen profile</a>
							</span>
							<span class="joinProject">
								<a href="#">&raquo; Join Soup Kitchen</a>
						</div><!-- .projectDealClincher -->

					</div> <!-- .projectDetails -->
					<!-- END THIRD PROJECT -->

				</div> <!-- #rightColumnBottomLeft -->

				<div id="rightColumnBottomRight">
					<h1 id="featuredOrganisations" class="quadrantHeader">Featured Organisations</h1>


					<!-- BEGIN FIRST ORGANISATION -->
					<div class="organisationDetails">
	
						<div class="organisationExtendedInfo">

							<div class="organisationName">
								<a href="#">The Exodus Foundation</a>
							</div> <!-- .organisationName -->

							<div class="organisationSummary">
								This soup kitchen is to feed the homeless people in Ashfield and its neighbouring suburbs.
							</div><!-- .organisationSummary -->

							<div class="organisationMoreInfo">

								<table class="organisationMoreInfoTable">
									<colgroup>
										<col class="col1">
										<col class="col2">
									</colgroup>
									<tr class="row1">
										<td>
											<span class="title">Location:</span>
											<span class="value"><a href="#">Chatswood</a>, <a href="#">NSW</a>, <a href="#">Australia</a></span>
										</td>
										<td>
											<span class="title">Service Categories:</span>
											<span class="value"><a href="#">Feeding Hungry</a>, <a href="#">Humanitarian</a></span>
										</td>
									</tr>

									<tr class="row2">
										<td>
											<span class="title">#Users</span>
											<span class="value">450</span>
										</td>
										<td>
											<span class="title">#Projects:</span>
											<span class="value">9</span>
										</td>
									</tr>

								</table> <!-- .organisationMoreInfoTable -->
							</div> <!-- .organisationMoreInfo -->
						</div> <!-- .organisationExtendedInfo -->

						<div class="organisationDealClincher">
							<span class="viewOrganisationProfile">
								<a href="#">&raquo; View The Exodus Foundation's profile</a>
							</span>
							<span class="joinOrganisation">
								<a href="#">&raquo; Support The Exodus Foundation</a>
						</div><!-- .organisationDealClincher -->

					</div> <!-- .organisationDetails -->
					<!-- END FIRST ORGANISATION -->



					<!-- BEGIN SECOND ORGANISATION -->
					<div class="organisationDetails">
	
						<div class="organisationExtendedInfo">

							<div class="organisationName">
								<a href="#">The Exodus Foundation</a>
							</div> <!-- .organisationName -->

							<div class="organisationSummary">
								This soup kitchen is to feed the homeless people in Ashfield and its neighbouring suburbs.
							</div><!-- .organisationSummary -->

							<div class="organisationMoreInfo">

								<table class="organisationMoreInfoTable">
									<colgroup>
										<col class="col1">
										<col class="col2">
									</colgroup>
									<tr class="row1">
										<td>
											<span class="title">Location:</span>
											<span class="value"><a href="#">Chatswood</a>, <a href="#">NSW</a>, <a href="#">Australia</a></span>
										</td>
										<td>
											<span class="title">Service Categories:</span>
											<span class="value"><a href="#">Feeding Hungry</a>, <a href="#">Humanitarian</a></span>
										</td>
									</tr>

									<tr class="row2">
										<td>
											<span class="title">#Users</span>
											<span class="value">450</span>
										</td>
										<td>
											<span class="title">#Projects:</span>
											<span class="value">9</span>
										</td>
									</tr>

								</table> <!-- .organisationMoreInfoTable -->
							</div> <!-- .organisationMoreInfo -->
						</div> <!-- .organisationExtendedInfo -->

						<div class="organisationDealClincher">
							<span class="viewOrganisationProfile">
								<a href="#">&raquo; View The Exodus Foundation's profile</a>
							</span>
							<span class="joinOrganisation">
								<a href="#">&raquo; Support The Exodus Foundation</a>
						</div><!-- .organisationDealClincher -->

					</div> <!-- .organisationDetails -->
					<!-- END SECOND ORGANISATION -->



					<!-- BEGIN THIRD ORGANISATION -->
					<div class="organisationDetails">
	
						<div class="organisationExtendedInfo">

							<div class="organisationName">
								<a href="#">The Exodus Foundation</a>
							</div> <!-- .organisationName -->

							<div class="organisationSummary">
								This soup kitchen is to feed the homeless people in Ashfield and its neighbouring suburbs.
							</div><!-- .organisationSummary -->

							<div class="organisationMoreInfo">

								<table class="organisationMoreInfoTable">
									<colgroup>
										<col class="col1">
										<col class="col2">
									</colgroup>
									<tr class="row1">
										<td>
											<span class="title">Location:</span>
											<span class="value"><a href="#">Chatswood</a>, <a href="#">NSW</a>, <a href="#">Australia</a></span>
										</td>
										<td>
											<span class="title">Service Categories:</span>
											<span class="value"><a href="#">Feeding Hungry</a>, <a href="#">Humanitarian</a></span>
										</td>
									</tr>

									<tr class="row2">
										<td>
											<span class="title">#Users</span>
											<span class="value">450</span>
										</td>
										<td>
											<span class="title">#Projects:</span>
											<span class="value">9</span>
										</td>
									</tr>

								</table> <!-- .organisationMoreInfoTable -->
							</div> <!-- .organisationMoreInfo -->
						</div> <!-- .organisationExtendedInfo -->

						<div class="organisationDealClincher">
							<span class="viewOrganisationProfile">
								<a href="#">&raquo; View The Exodus Foundation's profile</a>
							</span>
							<span class="joinOrganisation">
								<a href="#">&raquo; Support The Exodus Foundation</a>
						</div><!-- .organisationDealClincher -->

					</div> <!-- .organisationDetails -->
					<!-- END THIRD ORGANISATION -->

				</div> <!-- #rightColumnBottomRight -->

			</div> <!-- #rightColumnBottom -->

		</div> <!-- #rightColumn -->
		<!-- END RIGHT COLUMN -->

	</body>
</html>
